import React from 'react';
import {List} from "antd-mobile";
import {Control} from "react-keeper";

import OrgIcon from '../../../../../assets/icon/vote/ywh/org.png';

const Item = List.Item;

class YwhOrg extends React.Component{
  constructor(props) {
    super(props);
  }

  render() {

    console.log(Control.state.courtId);

    return (
      <div>
        <List
          renderHeader={() =>
            <div>业委会组织架构</div>
          }>
          <Item>
            <div style={{width: '72px', height: '88px', margin: '0 auto', borderStyle: 'solid', borderWidth: '1px'}}>
              <div style={{width: '72px', height: '72px',backgroundColor: '#f3f3f3'}}>
                <img src="http://static.dingtalk.com/media/lADPACOG82XWc2zNAd7NAnw_636_478.jpg" style={{width: '72px', height: '72px'}} />
              </div>
              <div style={{lineHeight: '16px', textAlign: 'center', margin: '0 auto'}}>
                <div style={{fontSize: '12px', float: 'left'}}>主任:</div>
                <div style={{fontSize: '12px', paddingLeft: '5px', float: 'left'}}>陈亮</div>
              </div>
            </div>
          </Item>
          <Item>
            <div style={{width: '72px', height: '88px', margin: '0 auto', borderStyle: 'solid', borderWidth: '1px'}}>
              <div style={{width: '72px', height: '72px',backgroundColor: '#f3f3f3'}}>
                <img src="http://static.dingtalk.com/media/lADPACOG82XWc2zNAd7NAnw_636_478.jpg" style={{width: '72px', height: '72px'}} />
              </div>
              <div style={{lineHeight: '16px', textAlign: 'center', margin: '0 auto'}}>
                <div style={{fontSize: '12px', float: 'left'}}>秘书:</div>
                <div style={{fontSize: '12px', paddingLeft: '5px', float: 'left'}}>待定</div>
              </div>
            </div>
          </Item>
          <Item>
            <div style={{textAlign: 'center', margin: '0 auto', width: '500px'}}>
              <div style={{width: '72px', height: '88px', margin: '0 auto', borderStyle: 'solid', borderWidth: '1px', float: 'left'}}>
                <div style={{width: '72px', height: '72px',backgroundColor: '#f3f3f3'}}>
                  <img src="http://static.dingtalk.com/media/lADPACOG82XWc2zNAd7NAnw_636_478.jpg" style={{width: '72px', height: '72px'}} />
                </div>
                <div style={{lineHeight: '16px', textAlign: 'center', margin: '0 auto'}}>
                  <div style={{fontSize: '12px', float: 'left'}}>主任:</div>
                  <div style={{fontSize: '12px', paddingLeft: '5px', float: 'left'}}>待定</div>
                </div>
              </div>
              <div style={{width: '72px', height: '88px', margin: '0 auto', borderStyle: 'solid', borderWidth: '1px', float: 'left', marginLeft: '10px'}}>
                <div style={{width: '72px', height: '72px',backgroundColor: '#f3f3f3'}}>
                  <img src="http://static.dingtalk.com/media/lADPACOG82XWc2zNAd7NAnw_636_478.jpg" style={{width: '72px', height: '72px'}} />
                </div>
                <div style={{lineHeight: '16px', textAlign: 'center', margin: '0 auto'}}>
                  <div style={{fontSize: '12px', float: 'left'}}>主任:</div>
                  <div style={{fontSize: '12px', paddingLeft: '5px', float: 'left'}}>待定</div>
                </div>
              </div>
              <div style={{width: '72px', height: '88px', margin: '0 auto', borderStyle: 'solid', borderWidth: '1px', float: 'left', marginLeft: '10px'}}>
                <div style={{width: '72px', height: '72px',backgroundColor: '#f3f3f3'}}>
                  <img src="http://static.dingtalk.com/media/lADPACOG82XWc2zNAd7NAnw_636_478.jpg" style={{width: '72px', height: '72px'}} />
                </div>
                <div style={{lineHeight: '16px', textAlign: 'center', margin: '0 auto'}}>
                  <div style={{fontSize: '12px', float: 'left'}}>主任:</div>
                  <div style={{fontSize: '12px', paddingLeft: '5px', float: 'left'}}>待定</div>
                </div>
              </div>
            </div>
          </Item>
        </List>
      </div>
    );
  }
}

export default YwhOrg;
